// 猜你喜欢下面的内容
function fn(lis) {
    var pageDatas = '';//未初始化的变量要赋个值不然默认值是undefined
    for (var i = 0; i < lis.length; i++) {
        pageDatas += `
             <li class="content2BottomLi">
             <div class="content2BottomLiImg">
                 <a href=""><img src="${lis[i].goods_thumb[0]}" alt=""></a>
             </div>
             <div class="content2-price">${lis[i].shop_price_formated}</div>
             <div class="content2-name"><a href="${lis[i].url}?${lis[i].goods_id}">${lis[i].title}</a></div>
             <div class="content2-num">已售<span>${lis[i].sales}</span>件</div>
         </li>`;
    }
    $('.content2Bottom ul').html(pageDatas);
}

fn(allData.beautyData.guessData);

$('.content2Bottom ul li').hover(function () {
    $(this).find('img').stop().animate({
        'opacity': '0.5'
    });
    $(this).find('.content2-name').children('a').css('color', 'red')
}, function () {
    $(this).find('img').stop().animate({
        'opacity': '1'
    })
    $(this).find('.content2-name').children('a').css('color', '')
})
//马上去逛逛
$('.contentMessageInfo').hover(function () {
    $(this).css('opacity', '0.8')
}, function () {
    $(this).css('opacity', '1');
})


// 搜索框
$('.columnSearch form input').on('focus', function () {
    $(this).attr('placeholder', ' ');
})
$('.columnSearch form input').on('blur', function () {
    if ($(this).val() == 0) {
        $(this).attr('placeholder', '内衣');
    }
})
$('.columnSearchBtn').on('click', function () {
    $(this).prev().val = ' ';
})
//添加到购物车后
//获取上传的数据
// console.log(localStorage.getItem('shopping'));
var shoppingData = localStorage.getItem('shopping');

//判断是否有数据上传
if (shoppingData) {
    var shuJu = shoppingData.split('&');
    shuJu.pop();
    for (var key in shuJu) {
        shuJu[key] = JSON.parse(shuJu[key]);
    }
    CartShop(shuJu);
    $('.content2').css('top', '200');
    $('.content').css('display', 'none');
    $('.content1').css('display', 'block');
} else {
    $('.content').css('display', 'block');
    $('.content1').css('display', 'none');
    $('.content2').css('top', '60');
}
CartShop(shuJu);

function CartShop(shuJu) {
    var Cartdata = '';
    $.each(shuJu, function (index, value) {
        Cartdata += ` 
                <div class="item-list">
                            <div class="item-l-first">
                                <div class="ilf-left">
                                    <span>满减</span>
                                活动商品已购满¥1.00元（已减¥<span>1.00</span>元）
                                <a href="index.html">>在逛逛</a>
                                </div>
                                <div class="ilf-right">
                                    <div class="ml">${value.shop_price}</div>
                                    <div class="ml">已减¥1.00</div>
                                </div>
                            </div>
                            <div class="item-l-two">
                                <div class="checkbox-shop"><input type="checkbox" class="checkbox-shangpin"></div>
                                <div class="goods">
                                    <div class="goods-img"><img src="${value.goods_thumb[0]}" alt=""></div>
                                    <div class="p-name">
                                        <a href="">${value.title}</a>
                                    </div>
                                </div>
                                <div class="item-l-t-right">
                                    <div class="s-price">
                                        <strong>${value.shop_price}</strong>
                                        <a href="#">促销活动
                                            <i></i>
                                            <div class="s-p-twoNav">
                                            <div></div>
                                           <ul><li>
                                           <label>[全场通用]test12/28</label>
                                           </li>
                                           </ul>
                                            </div>
                                        </a>
                                    </div>
                                    <div class="s-quantity">
                                        <div class="anmount-warp">
                                            <input type="text" value="${value.sales}" class="buy-num">
                                            <div class="anmount-buy-btn">
                                                <button style="border-bottom: 0px;"><i></i></button>
                                                <button disabled><i></i></button>
                                            </div>
                                        </div>
                                        <div style="text-indent: 17px;font-size:12px;" class="buy-num-txt">有货</div>
                                    </div>
                                    <div class="s-sum">
                                        <strong>${value.market_price}</strong>
                                    </div>
                                    <div class="s-action">
                                        <a href="javascript:;">删除</a>
                                        <a href="goods-info.html">收藏</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    
    `
    })

    $('.content-bottom-nav').nextAll('.div').html(Cartdata);
    //删除
    $('.s-action a:first-child').click(function () {
        var index = $(this).index('.s-action a:first-child')
        // console.log(index);
        // $(this).parents('.item-l-two')
        if ($(this).parents('.item-list').find('.item-l-two').length > 1) {
            $(this).parents('.item-l-two').remove();
        } else if ($(this).parents('.item-list').find('.item-l-two').length == 1) {
            $(this).parents('.item-list').remove();
        }
        shuJu.splice(index, 1);
        var lastData = '';
        for (let index = 0; index < shuJu.length; index++) {
            lastData += JSON.stringify(shuJu[index]);
            lastData += '&'
        }
        // console.log(shuJu);
        if(shuJu.length == 0){
            // console.log(11);
            $('.content1').css('display' , 'none')
            $('.content').css('display' , 'block')
        }
        localStorage.setItem('shopping', lastData)
        CartShop(shuJu);
    })
}


// $('.content').css('display','none')
//上面的全部按钮
$('.checkboxshopAll').click(function () {
    if ($(this).is(':checked')) {
        $('.checkboxshop').prop('checked', true);
        $('.checkbox-shangpin').prop('checked', true);
        $('.toggle-checkboxAll').prop('checked', true);
        // heji();
    } else {
        $('.checkboxshop').prop('checked', false);
        $('.checkbox-shangpin').prop('checked', false);
        $('.toggle-checkboxAll').prop('checked', false);
        // heji();
    }
    heji();
    navShopCart();
    checkedShop();
})
//大商创旗舰店按钮
$('.checkboxshop').click(function () {
    if ($(this).is(':checked')) {
        $('.checkboxshopAll').prop('checked', true);
        $('.toggle-checkboxAll').prop('checked', true);
        $('.checkbox-shangpin').prop('checked', true);
        heji();
    } else {
        $('.checkboxshopAll').prop('checked', false);
        $('.toggle-checkboxAll').prop('checked', false);
        $('.checkbox-shangpin').prop('checked', false);
    }
    heji();
    checkedShop();
    navShopCart();
})
//商品按钮
$('.checkbox-shangpin').click(function () {
    var num = $('.checkbox-shangpin:checked').length;
    var count = $('.checkbox-shangpin').length;
    if (num == count) {
        $('.checkboxshopAll').prop('checked', true);
        $('.toggle-checkboxAll').prop('checked', true);
        $('.checkboxshop').prop('checked', true);

    } else {
        $('.checkboxshopAll').prop('checked', false);
        $('.toggle-checkboxAll').prop('checked', false);
        $('.checkboxshop').prop('checked', false);
    }
    heji();
    checkedShop();
    navShopCart();
})


//最下面的全部按钮
$('.toggle-checkboxAll').click(function () {
    if ($(this).is(':checked')) {
        $('.checkboxshopAll').prop('checked', true);
        $('.checkbox-shangpin').prop('checked', true);
        $('.checkboxshop').prop('checked', true);
        heji();
    } else {
        $('.checkboxshopAll').prop('checked', false);
        $('.checkbox-shangpin').prop('checked', false);
        $('.checkboxshop').prop('checked', false);
    }
    checkedShop();
    navShopCart();
    heji();
})

//合计
function heji() {
    var buyNum = 0;
    var payPrice = 0;
    $('.checkbox-shangpin').each(function (index, value) {
        if ($(this).is(':checked')) {
            buyNum += parseInt($(this).parents('.item-l-two').find('.buy-num').val());
            payPrice += parseFloat($(this).parents('.item-list').find('.s-sum').children().text());

        } else {
            buyNum += 0;
            payPrice += 0;
        }
        $('.buy-sum').children().text(buyNum);
        $('.price-num').children().eq(1).text(payPrice);
    })
}

//加事件
$('.anmount-buy-btn button:first-child').click(function () {
    // console.log($(this).parent().prev());
    if ($(this).parents('.item-list').find('.checkbox-shangpin').is(':checked')) {
        $(this).next().prop('disabled', false);
        var input = $(this).parent().prev();
        var reduceNum = parseInt(input.val()) + 1;
        input.val(reduceNum);
        var Aprice = parseInt($(this).parents('.s-quantity').prev().find('strong').text());
        $(this).parents('.s-quantity').next().children().text(Aprice * reduceNum);
        heji();
    } else {
        alert('点啊!')
    }
    checkedShop();
    navShopCart();
})
//减事件
$('.anmount-buy-btn button:last-child').click(function () {
    if ($(this).parents('.item-list').find('.checkbox-shangpin').is(':checked')) {
        var input = $(this).parent().prev();
        var reduceNum = parseInt(input.val()) - 1;
        if (reduceNum == 1) {
            $(this).prop('disabled', true);
        }
        input.val(reduceNum);
        var Aprice = Number($(this).parents('.s-quantity').prev().find('strong').text());
        $(this).parents('.s-quantity').next().children().text(Aprice * reduceNum)
        heji();
    }
    checkedShop();
    navShopCart();
})


//输入产品计算商品价格
$('.buy-num').keyup(function () {
    if ($(this).is(':checked')) {
        var relExp = parseInt($(this).val().replace(/\D\^0/g, ''));
        if (!relExp) {
            relExp = 1;
        }
        $(this).val(relExp);
        var Aprice = $(this).parents('.s-quantity').prev().find('strong').text();
        $(this).parents('.s-quantity').next().children().text(Aprice * relExp);
        heji();
    }
})
//已选择商品的数量
function checkedShop() {
    var checkedShop = 0;
    $('.checkbox-shangpin').each(function () {
        if ($(this).is(":checked")) {
            checkedShop += parseInt($(this).parents('.item-list').find('.buy-num').val());
            $('.amount-sum').children('span').text(checkedShop);
        } else {
            checkedShop += 0;
            $('.amount-sum').children('span').text(checkedShop);
        }
    })
}

//导航栏的购物车商品的数量
function navShopCart() {
    checkedShop();
    $('.tit').children('span').text($('.amount-sum').children('span').text());

}

//促销活动的点击事件
$('.s-price a').on('focus', function () {
    $(this).children('.s-p-twoNav').css('display', 'block')
    $(this).css({
        'border': '1px solid red',
        'border-bottom': '1px solid transparent'
    });
});
$('.s-price a').on('blur', function () {
    $(this).children('.s-p-twoNav').css('display', 'none');
    $(this).css('border', '1px solid #D2D2D2');
})

//支付时的界面
$('.btn-area').find('input').click(function () {
    if ($('.checkbox-shangpin').is(':checked')) {
        $('.payment').css({
            'display': 'block'
        });
    } else {
        alert('请选择商品')
    }
})
$('.determine').click(function () {
    $('.payment').css('display', 'none');
    $('.payment-success').css('display', 'block');
})
$('.cancel').click(function () {
    $('.payment').css('display', 'none');
})
$('.payment-success span').click(function () {
    $(this).parent().css('display', 'none')
})
//判断item-list的个数
// if ($('.item-list').length > 1) {
//     var long = $('.item-list').length;
//     var Top = 212 * long;
//     var Hei = 800;
//     Hei += Top;
//     $('.content2').css('top', Top);
//     $('.two').css('height', Hei);
// }

//删除所有选中的商品

//搜索框提交
$('s.columnSearchBtn').click(function () {
    location.assign('index.html');
})